<template>
  <div class="w-[110px] h-[110px] flex flex-col gap-y-2 bg-white items-center justify-center py-4 px-6 rounded-md">
    <img :style="pngStyle" :src="src" alt="" />
    <div>
      <div class="text-blue-500 font-bold text-center text-lg">{{ num }}+</div>
      <div class="text-sm text-center font-bold">{{ title }}</div>
    </div>
  </div>
</template>
<script setup lang="ts">
// import { StyleValue } from 'vue';

const props = withDefaults(
  defineProps<{
    src: string;
    num: number;
    title: string;
    pngStyle?: any;
  }>(),
  {
    pngStyle: `width:36px;height:36px`,
  }
);
</script>
